<template>
  <div>
    <h2>主控台</h2>

    <RoleSelect v-model="roleIdList" :limit="1" />

    <hr />

    <AvatarUploader
      v-model="headImg"
      :accept="['image/jpeg', 'image/jpg', 'image/png', 'image/webp']"
    />
  </div>
</template>

<script>
import AvatarUploader from "@/components/avatar-uploader/index.vue";
import RoleSelect from "@/components/role-select/index.vue";

export default {
  components: {
    AvatarUploader,
    RoleSelect,
  },

  data() {
    return {
      roleIdList: [],
      headImg:
        "http://127.0.0.1:8001/public/uploads/20230807/84653180-34ea-11ee-95b5-3dd7b2272977.jpg",
    };
  },
};
</script>
